DApp 去中心化應用程序 實際運作

很迅速地就來到了最後一天

過程中 透過不斷的探索 目前功能已經包含

• [X] 連接錢包(MetaMask)
• [X] 查詢區塊鏈資訊(區塊與交易)
• [X] 執行交易
• [X] 智能合約互動

基本上都已經掌握了 DApp(去中心化應用程序) 精隨

而現在就只要把所有結果呈現出來即可

因此接下來這篇將以下重點進行敘述:

1. 頁面的呈現 - 主頁面
2. 頁面的呈現 - 連接錢包(MetaMask)
3. 頁面的呈現 - 查詢區塊鏈資訊(區塊與交易)
4. 頁面的呈現 - 執行交易
5. 頁面的呈現 - 智能合約互動

專案 GitHub 位置: https://github.com/weiawesome/dapp_website

DockerHub 位置:
https://hub.docker.com/repository/docker/tcweeei/dapp-website

頁面的呈現 - 主頁面

主頁面 簡介

• 區塊鏈基本介紹

• 鐵人三十挑戰文章連結
• 根據條件 查詢文章

• 最後是作者聯絡資訊

頁面的呈現 - 連接錢包(MetaMask)

• 連結至接錢包頁面

詳細功能實現 請見 https://hackmd.io/@X9O3FhlNRhyLGSE43N5Eog/SJnE2JkbT

頁面的呈現 - 查詢區塊鏈資訊(區塊與交易)

• 連結至查詢區塊鏈資訊頁面

詳細功能實現 請見 https://hackmd.io/@X9O3FhlNRhyLGSE43N5Eog/B1mL3web6

頁面的呈現 - 執行交易

• 連結至執行交易頁面

詳細功能實現 請見 https://hackmd.io/@X9O3FhlNRhyLGSE43N5Eog/Hy7iRs7bp

頁面的呈現 - 智能合約互動

• 連結至智能合約互動頁面

詳細功能實現 請見 https://hackmd.io/@X9O3FhlNRhyLGSE43N5Eog/HkX9CQNbp

結言

透過一整個系列
應該能理解到何謂 DApp(去中化應用程序)

如何達到去中心化?
缺少了傳統的後端與資料庫又是如何呈現應用程序的?

除此之外 能理解如何去運作與撰寫它

希望透過這篇能理解

1. DApp(去中化應用程序) 的 原理
2. DApp(去中化應用程序) 的 應用方面
3. DApp(去中化應用程序) 的 展示與呈現

完賽感言

通過這次參賽 總算是比較深入的去理解所謂區塊鏈

這次由於剛好學校教授鼓勵參加(所以其實也沒有提前準備)

坦白說在過程中 我真心一度覺得我要失敗了
尤其在 "區塊鏈建立" 那個環節
我code幾乎都是來不及寫啊(每天都壓線)
真的超擔心到最後跑不起來(無法運行) 就像是鬧個笑話一樣

後面程式碼也挺累人的 不論是前端、合約等等

不過其實也挺開心的 多虧這一波壓力
我通常都是要有壓力才會動作(哈哈哈

備註:
想當初我喊要學習寫APP 喊了三、四年
直到修習資料庫這門課程 我才強迫自己學會(兩個禮拜內)

而就區塊鏈來說 好幾年前 就聽過這名詞
但每次基本上 都是課程的基本知識
當別人詢問起 往往只能回答個大概
(現在就不一樣啦 可以多一點點了 哈哈

整體來說 這次參賽是開心的~ 學到很多知識 挑戰很多!!!

期待下次再參賽囉 哈哈哈~~~